<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初始vue</title>
    <script type="text/javascript"  src="../js/vue.js"></script>
</head>

<body>
    <div id="root">
        <h1>你好 {{name}}</h1>
    </div>
</body>
<script type="text/javascript">
    Vue.config.productionTip=false;
    const v = new Vue({
        // el:"#root",  //第一种写法
        // data:{  //data的第一种写法  对象式
        //     name:"123"
        // }
        //data的第二种写法  函数式
        data(){  //不要写成=> 否则this就不再是vue实例了
            console.log("@@@",this)
            return{
                name:"JJ"
            }
        }
    })
    setTimeout(() => {
        v.$mount("#root"); //第二种写法
    }, 1000);
</script>
</html>